#cabinRank {
    background: white;
    padding:0 20px;
       
    .queryPanel{
        height:72px;
        display: flex;
        align-items: center;
        >ul{
            display: flex;
            >li{
                display: flex;
                align-items: center;
                white-space:nowrap;
                margin-right: 20px;
                .search{
                    background: #ffb700;
                    color:white;
                    width:80px;
                    height:30px;
                    line-height: 100%;
                    border:none;
                }
            }
        }
    }
    
    .content{
        table{
            width:100%;
            border-collapse: collapse;
            
            tr{
                &:hover{
                    .handle{
                        color:#ffb700;
                    }
                }
                &.detail{
                    background: #ffffe5;
                    
                }                
            }
            th{
                font-weight: normal;
                background: #e1e1e1;
                height:40px;
                border:1px solid #ededed;
                &.rank{
                    border-right:none;
                }
                &.handle{
                    border-left:none;
                }
            }
            td{
                border:1px solid #ededed;
                height:40px;
                text-align: center;
                &.rank{
                    border-right:none;
                }
                &.middle{
                    padding-left: 26px;
                    >div{
                        display: flex;
                        justify-content: center;
                        >p{
                            margin:0 8px;
                        }
                        .price{
                            color:#ff817b;
                        }
                    }
                }
                &.handle{
                    width:100px;
                    border-left:none;
                    span{
                        margin:0 10px;
                        font-size: 14px;
                        cursor: pointer;
                        
                    }
                }
                
            }
        }
    }
}
.editModal{
    .ivu-modal{
        width:650px!important;
    }
    .content{
        width:450px;
        max-height:500px;
        overflow: auto;
        margin:0 auto;
        text-align: center;
        .title{
            height:60px;
            line-height: 50px;
            >span{
                margin: 0 10px;
            }
        }
        table{
            border-collapse: collapse;
            width:100%;
            th{
                background: #e1e1e1;
                width:33%;
            }
            th,td{
                height:40px;
                border:1px solid #eeeeee;
            }
        }
    }
}
